.r-divider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000d9;
  font-size: 14px;
  font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-variant-numeric: tabular-nums;
  font-variant-east-asian: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  border-top: 1px solid rgba(0, 0, 0, 0.09);

  &-horizontal {
    display: flex;
    clear: both;
    width: 100%;
    min-width: 100%;
    margin: 24px 0;

    &.r-divider-with-text {
      margin: 16px 0;
      font-weight: 500;
      font-size: 16px;
      white-space: nowrap;
      text-align: center;
      border-top: 0;
      border-top-color: rgba(0, 0, 0, 0.09);

      .r-divider-inner-text {
        margin: 0 0.5em;
      }

      &:before,
      &:after {
        position: relative;
        top: 50%;
        width: 50%;
        border-top: 1px solid rgba(0, 0, 0, 0.09);
        border-bottom: 0;
        transform: translateY(50%);
        content: '';
      }

      &-left {
        &:before {
          top: 50%;
          width: 5%;
        }
        &:after {
          top: 50%;
          width: 95%;
        }
      }

      &-right {
        &:before {
          top: 50%;
          width: 95%;
        }
        &:after {
          top: 50%;
          width: 5%;
        }
      }
    }
  }
}
